<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<fmt:message key="titulo.cadastro" var="title">
    <fmt:param>
        <fmt:message key="titulo.dadosFisicos" />
    </fmt:param>
</fmt:message>
<%@ include file="/WEB-INF/jsp/includes/topo.jspf" %>

<script type="text/javascript">

</script>

<form action="${path}/pages/dadosFisicos/salvar" method="POST" class="formCadastro">
    
    <c:if test="${not empty entidade.id}">
        <input type="hidden" name="_method" value="PUT"/>
        <label><fmt:message key='campo.id' /></label>
        <input type="text" name="entidade.id" value="${entidade.id}" readonly="readonly" />
    </c:if>
    
    <div class="linha">
	    <label><fmt:message key='campo.altura' /></label>
	    <input type="text" name="entidade.altura" value="${entidade.altura}" size="3"
	    		class="altura ${mapErrors['altura'] != null ? 'inputError' : ''}" title="${mapErrors['altura'] != null ? mapErrors['altura'] : ''}"/>
	    <img alt="asterisco" src="${path}/resources/imgs/asterisco.png" />
	    
	    <label><fmt:message key='campo.peso' /></label>
	    <input type="text" name="entidade.peso" value="${entidade.peso}" size="3"
	    		class="${mapErrors['peso'] != null ? 'inputError' : ''}" title="${mapErrors['peso'] != null ? mapErrors['peso'] : ''}"/>
	    <img alt="asterisco" src="${path}/resources/imgs/asterisco.png" />
    </div>
    
    <label><fmt:message key='campo.peculiaridade' /></label>
    <input type="text" name="entidade.peculiaridade" value="${entidade.peculiaridade}"/>
    
    <label><fmt:message key='campo.tatuagem' /></label>
    <input type="text" name="entidade.tatuagem" value="${entidade.tatuagem}"/>
    
    <label><fmt:message key='campo.cicatriz' /></label>
    <input type="text" name="entidade.cicatriz" value="${entidade.cicatriz}"/>
    
    <label><fmt:message key='campo.sinais' /></label>
    <input type="text" name="entidade.sinais" value="${entidade.sinais}"/>
    
    <label><fmt:message key='campo.amputacao' /></label>
    <input type="text" name="entidade.amputacao" value="${entidade.amputacao}"/>

	<div class="linha" style="height: 180px">
		<div style="float: left; width: 150px">
		    <label><fmt:message key='campo.barba' /></label>
		    <select id="barbaSelect" name="entidade.barba">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${barbaList}" var="barba">    
		            <option value="${barba.value}">${barba.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.cabelo' /></label>
		    <select id="cabeloSelect" name="entidade.cabelo">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${cabeloList}" var="cabelo">    
		            <option value="${cabelo.value}">${cabelo.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.labio' /></label>
		    <select id="labioSelect" name="entidade.labio">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${labioList}" var="labio">    
		            <option value="${labio.value}">${labio.label}</option>    
		        </c:forEach>
		    </select>
	
		    <label><fmt:message key='campo.orelha' /></label>
		    <select id="orelhaSelect" name="entidade.orelha">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${orelhaList}" var="orelha">    
		            <option value="${orelha.value}">${orelha.label}</option>    
		        </c:forEach>
		    </select>
	    </div>
	
		<div style="float: left; width: 150px">
		    <label><fmt:message key='campo.bigode' /></label>
		    <select id="bigodeSelect" name="entidade.bigode">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${bigodeList}" var="bigode">    
		            <option value="${bigode.value}">${bigode.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.compleicao' /></label>
		    <select id="compleicaoSelect" name="entidade.compleicao">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${compleicaoList}" var="compleicao">    
		            <option value="${compleicao.value}">${compleicao.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.nariz' /></label>
		    <select id="narizSelect" name="entidade.nariz">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${narizList}" var="nariz">    
		            <option value="${nariz.value}">${nariz.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.rosto' /></label>
		    <select id="rostoSelect" name="entidade.rosto">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${rostoList}" var="rosto">    
		            <option value="${rosto.value}">${rosto.label}</option>    
		        </c:forEach>
		    </select>
		</div>
	
		<div style="float: left; width: 150px">
		    <label><fmt:message key='campo.boca' /></label>
		    <select id="bocaSelect" name="entidade.boca">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${bocaList}" var="boca">    
		            <option value="${boca.value}">${boca.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.corPele' /></label>
		    <select id="corPeleSelect" name="entidade.corPele">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${corPeleList}" var="corPele">    
		            <option value="${corPele.value}">${corPele.label}</option>    
		        </c:forEach>
		    </select>
		
		    <label><fmt:message key='campo.olho' /></label>
		    <select id="olhoSelect" name="entidade.olho">
				<option value=""><fmt:message key='campo.selecione' /></option>
		        <c:forEach items="${olhoList}" var="olho">    
		            <option value="${olho.value}">${olho.label}</option>    
		        </c:forEach>
		    </select>
	    </div>
	    <span style="clear: both;"></span>
    </div>
    
    <div class="actions">
        <input type="submit" value="<fmt:message key='acao.salvar' />" />
        <input type="button" value="<fmt:message key='acao.limpar' />" onclick="javascript:window.location.assign('${path}/pages/dadosFisicos/novo')" />
        <input type="button" value="<fmt:message key='acao.pesquisar' />" onclick="javascript:window.location.assign('${path}/pages/dadosFisicos')" />
    </div>
</form>
<%@ include file="/WEB-INF/jsp/includes/rodape.jspf" %>